<template>
  <div id="home">
    <home-title-bar></home-title-bar>
    <home-content-bar></home-content-bar>
    <home-search-bar></home-search-bar>
    <home-chart-bar></home-chart-bar>
  </div>
</template>

<script>

  import HomeTitleBar from "@/components/content/home/homeTitle/HomeTitleBar";
  import HomeContentBar from "@/components/content/home/homeContent/HomeContentBar";
  import HomeSearchBar from "@/components/content/home/homeSearch/HomeSearchBar";
  import HomeChartBar from "@/components/content/home/homeChartBar/HomeChartBar";

  export default {
    name: "Home",
    components: {
      HomeChartBar,
      HomeSearchBar,
      HomeTitleBar,
      HomeContentBar,
    }
  }
</script>

<style scoped>
  #home {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
  }
</style>